<html>
  <head>
    <!-- deck.gl standalone bundle -->
    <script src="https://unpkg.com/deck.gl@^6.2.0/deckgl.min.js"></script>

    <!-- Mapbox dependencies: only if base map is needed -->
    <script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.js"></script>
    <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.css" rel="stylesheet" />

    <style type="text/css">
      body {margin: 0; padding: 0;}
      #container {width: 100vw; height: 100vh;}
    </style>
  </head>

  <body>
    <div id="container"></div>
  </body>

  <script type="text/javascript">
const deckgl = new deck.DeckGL({
  container: 'container',
  mapboxApiAccessToken: '<your-mapbox-token>',
  longitude: -122.45,
  latitude: 37.8,
  zoom: 12,
  layers: [
    new deck.ScatterplotLayer({
      data: [
        {position: [-122.45, 37.8], color: [255, 0, 0], radius: 1000}
      ]
    }),
    new deck.TextLayer({
      data: [
        {position: [-122.45, 37.8], text: 'Hello World'}
      ]
    })
  ]
});
  </script>
</html>